@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	width: 100%;
	font-family: 'poppins', sans-serif !important;
	overflow-x: hidden !important;
	scroll-behavior: smooth;
	transition: 2s;
}

html {
	scroll-padding-top: 80px;
}

h1 h2 h3 h4 h5 h6 {
	color: #002261;
}


.sp-bg {
	background-color: #FF0066;
	color: #fff;
	padding: 0px 5px;
}

.sp-text {
	color: #FCAD27; font-weight: 700;
}



	section {
		margin: 10px 0px;
		padding: 20px 0px;
	}

	.divider {
		background-color: #FCAD27;
		width: 25%;
		height: 2px;
	}

	/*starttopbar*/
.logo-img{width:200px!important;}
	/*endtopbar*/
	/*start-banner*/
	.tagline {
		color: #fff;
		font-size: 20px;
		margin-bottom: -5px;
	}

	.sub-h {
		background-color: #FCAD27;
		text-align: center;
		color: #fff;
		font-weight: bold;
		padding: 10px;
		width: 70%;
	}
	
	#banner{  margin-top: 40px;
  background-image: url(img/jain-desktop-bg.webp);
  background-size: cover;
  background-repeat: no-repeat; padding: 50px;}
	
	

	/*#banner {*/
	/*	background-color: #f7f7f7;*/
	/*	padding: 70px 50px 30px 50px;*/
	/*}*/

	.banner-heading {
		font-weight: bold;
		color: #fff;
		font-size: 50px!important; line-height: 1;
	}

	.banner-content {
		padding: 30px 5px 20px 10px;
		margin-top: 30px;
		color:#fff!important;
	}

	.banner-cr {
		background-color: rgb(255, 255, 255, 0.5);
		padding: 10px;
		color: #FF0066;
		width: 100%;
		text-align: center;
	}

	.cr-highlight {
		color: #fff; font-weight: bold;
	}

	/*end-navbar*/

	#form {
		background-color: #fff!important;
		padding: 20px;
		margin-top: 40px;

		box-shadow: 0px 0px 5px 2px rgb(0, 0, 0, 0.5);
		
	}

	.frm-heading {
		text-align: center;
		font-size: 18px;
		color: #002261;
		font-weight: bold;
	}

	.form-control {
		line-height: 1.2!important;
		margin-bottom: 10px!important;
		background-color: #e6e6e6 !important;
		border-style: none; font-size:13px!important;
	}

	.sub-btn {
		background-color: #FCAD27;
		padding: 10px 50px;
		border-style: none;
		color: #fff;
		width: 100%;
		margin-top: 10px;
	}


	/*start about*/
	/* .abt-img {
		margin-top: 70px;
	} */
	.abt-p{font-size: 14px;}

	#abt-box {
		padding: 10px;
		background-color: #fff;
		z-index: 9999 !important;
	}

	/* #abt-box h2 {
		margin-top: 40px;
	} */

	#abt-icon-box {
		border-right: 2px solid #ccc;
		margin-left: 10px;
		width: 22%;
	}

	#abt-icon-box2 {
		border-right: 2px solid #ccc;
		padding-left: 20px;
	}

	#abt-icon-box1 {
		padding-left: 20px;
	}

	#abt-row {
		margin: 10px 50px;
	}

	#btn-abt {
		color: #FCAD27;
		border-style: 2px solid #FCAD27;
		padding: 10px 20px;
		width: 30%;
		border-radius: 7px;
		margin-top: 20px;
		background: none !important;
	}

	#abt-bottom {
		background-color: #FCAD27;
		color: #fff;
		padding: 20px;
		margin-top: -60px;
	}

	.abt-btm-img {
		width: 20%;
		padding: 10px 5px;
	}

	.abt-numbers {
		font-weight: bold;
		font-size: 50px;
		text-align: center;
	}

	.abt-pp {
		background: linear-gradient(to right, white, black, black, black, black, black, white);
		padding: 10px;
		color: #fff;
		text-align: center;
	}

	/* start facilities*/
	.facilities {
		background-color: #FF6600;
		padding: 40px;
	}

	.apr-img {
		float: left;
		padding-right: 20px;
		width: 25%;
	}

	.apr-text {
		font-size: 13px;
		text-align: left;
	}

	.apr-h {
		text-align: left;
	}

	.apr-cnt {
		margin: 0px 90px;
	}

	/* end facilities*/


	/*start-Programme*/

	#tab-row {
		/*margin-left: 25px;*/
		    display: flex;
    justify-content: center;
	}

	#program-box {
		background-color: #fff;
		margin: 10px;
		padding: 10px;
	}

	.tabButton {
		background-color: #002261;
		border: 1px solid #ccc;
		padding: 30px 30px!important;
		color: #fff;
		width: 165px!important;
		font-size: 23px;
		font-weight: bold;
	}


	.tabButtonActive {
		background-color: #FCAD27;
		border: 2px solid #FCAD27;
		color: #fff !important;
		width: 165px!important;
		font-weight: bold;

	}

#tabs-content {
    /* max-width: 1000px; */
    /* background-color: #f7f7f7; */
    /* padding: 20px 30px; */
    /* margin: 0px 15px; */
    /* margin-right: 20px; */
    /* font-size: 13px; */
    max-width: 990px!important;
    /* display: flex
; */
background-color: #f7f7f7!important;
    justify-content: center;
    margin: auto;
    padding: 20px 30px!important; font-size: 14px;
}

	/*table {
  border-collapse: collapse;
  width: 100%;
}*/

	table {
		width: 100%;
		overflow: scroll;
		font-size: 13px;
	}

	th,
	td {
		text-align: left;
		padding: 5px 10px;
	}

	.th,
	td {
		text-align: left;
		padding: 5px 5px;
	}


	.sub-h {
		text-align: center;
		font-weight: 600 !important;
		/* margin-bottom: -5px;
		margin-top: -5px; */
	}


	.btn1 {
		padding: 10px 25px;
		border-style: none;
		margin-bottom: -20px;
		margin-top: 10px;
		background-color: #FCAD27;
		color: #fff;
	}


	/*whychoosestart*/
	#whychoose {
		background-color: #fcfcfc;
		padding: 20px;
	}

	.whychoose-pp {
		font-size: 14px;
	}

	#box-why {
		box-shadow: 0 0 5px 2px rgba(204, 204, 204, 0.9);
		padding: 10px 20px;
		background-color: #fff !important; margin-bottom: 20px;
	}

	.whychoose-img {
		width: 20%;
		float: left;
		padding: 10px;
	}

	.enumber {
		font-weight: bold;
		font-size: 40px;
		color: #002261;
	}

	.why-hh {
		font-weight: bold;
		color: #FCAD27;
	}


	#approvals {
		background-color: #f7f7f7;
		padding: 40px 20px;
	}
#approvals h2{margin-bottom: 60px;}
	/*#approvals h2{margin-bottom: 50px;}*/
	#box-apr {
		padding: 10px 20px 20px 20px;
		color: #000;
		font-size: 13px;
		text-align: left;
		background-color: #fff; margin: 20px 0px;
	}

	.img-apr {
		width: 70%;
		margin-top: -80px;
	}

	.apr-head {
		color: #002261;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}

	/*start-key-highlights*/
	#key-highlights {
		background-color: #FCFCFC;
		padding: 20px 10px 10px 0px;
	}

	.key-highlights-img {
		width: 100%;
		margin-top: 120px;
		margin-bottom: -15px;
	}

	#keys {
		margin-top: 50px;
	}

	.key-head {
		margin-left: 80px;
	}

	.key-subh {
		margin-left: 80px;
	}

	.key-img {
		float: left;
		padding-right: 5px;
	}

	.key-text {
		font-size: 13px;
	}

	/*end-key-highlights*/


	/*aprovals*/
	.mob-apr-img {
		display: none;
	}


	#placement {
		background-color: #fafbfd;
	}

	/*about-jain
*/
	#about-jain h2 {
		vertical-align: middle;
	}

	.abtjain-p {
		text-align: justify;
		font-size: 14px;
		margin-top: 30px;
	}

	/*accordition*/

	#container-box {
		box-shadow: 0 0 2px 5px #f9f9f9;
		padding: 20px;
		width: 80%;
	}

	button.accordion {
		width: 100%;
		background-color: whitesmoke;
		border: none;
		outline: none;
		text-align: left;
		padding: 15px 20px;
		font-size: 14px;
		color: #333;
		cursor: pointer; font-weight: 700;
		transition: background-color 0.2s linear;
		
	}


	button.accordion:after {
		font-family: FontAwesome;
		content: "\f0d7";
		font-family: "fontawesome";
		font-size: 16px;
		float: right;
		color: #FF6600;
		
	}

	button.accordion.is-open:after {
		content: "\f0d8";
		color: #FF6600;
		float: right;
	}

	button.accordion:hover,
	button.accordion.is-open {
		background-color: #ddd;
	}

	.accordion-content {
		background-color: white;
		border-left: 1px solid whitesmoke;
		border-right: 1px solid whitesmoke;
		padding: 0 20px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-in-out; font-size: 13px;
	}


	/*start-footer-frm*/
	#footer {
		background-color: #002261;
		padding: 50px 20px 20px 20px;
		color: #fff;
		font-size: 13px;
	}


	#cnt-frm {
		box-shadow: 0 0 2px 5px #f9f9f9;
		padding: 0px;
		background-image: url("assets/img/for popup.png");
	}

	.ftr-h {
		color: #FCAD27;
		font-weight: bold;
		font-size: 17px;
	}

	.footer-btn {
		padding: 8px 40px;
		border: 2px solid #FF6600;
		background: none;
		color: #fff;
		margin-top: 40px;
	}

	.footer-btn:hover {
		background-color: #FF6600;
		color: #fff;
	}

	.footer-hr {
		background-color: #ccc;
		margin: 20px;
	}

	.copyright {
		text-align: center;
	}

	#frm-bottom {
		margin-left: 0px;
	}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
}
.modal-content {
  background-color: transparent !important;
  margin: 5% auto;
  border: none !important;
  width: 33% !important;
}

.close1 {
  color: #333;
  /* width: 40px; */
  float: right;
  /* padding: 0px 8px; */
  /* padding-left: 10px; */
  font-size: 28px;
  position: absolute;
  font-weight: bold;
  margin-left: 90%;
  margin-top: 50px;
}
.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.about-btn{background-color: #FCAD27; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; }
.brochures-btn{background-color: #FCAD27; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; margin-top: 10px;}

@media only screen and (max-width: 600px) {
	h2{font-size: 25px!important;}
	
	section {
		margin: 0px 0px;
		padding: 10px;
	}

	.topbar {
		background-color: #FFCC00;
	}

	/*endtopbar*/
	/*start-banner*/
	#banner {
	    background-image: url('img/mobile-jain-bg.webp'); background-size: cover; background-repeat: no-repeat; padding: 30px 10px;
		 /*padding: 50px 10px 10px 10px;*/
	}

	.banner-heading {
		font-weight: bold;
		font-size: 50px; line-height: 1;
	}

	.banner-content {
		padding: 30px 5px;
		margin-top: 10px;
			color: #fff;
	}

	.banner-cr {
		background-color: #FF6600;
		padding: 10px;
	
		width: 100%;
		text-align: center;
	}

	.sub-h {
		background-color: #FCAD27;
		padding: 10px 0px;
		width: 90%; font-size:16px;
	}

	.top-apr-img {
		width: 100%;
	}

	.banner-p {
		font-size: 13px;
	}

	/*end-navbar*/

	#form {
		padding: 30px;
		margin-bottom: 30px;
		box-shadow: 0px 0px 5px 2px rgb(0, 0, 0, 0.5);
		
		background-color: #001C54;
		margin: 0px 10px;
		margin-bottom: 30px;
	}

	.frm-heading {
		text-align: center;
		font-size: 20px;
		color: #001C54;
		font-weight: bold;
	}

	.form-control {
		line-height: 1.2;
		
	
	}

	.sub-btn {
		background-color: #FCAD27;
		padding: 10px 50px;
		border-style: none;
		color: #fff;
		width: 100%; margin-top: 10px;
	}

	/* start facilities*/
	.facilities {
		background-color: #FF6600;
		padding: 20px;
	}

	.apr-img {
		float: left;
		padding-right: 20px;
		width: 22%;
	}

	.apr-text {
		font-size: 14px;
		text-align: left;
	}

	.apr-h {
		text-align: left;
		margin-bottom: -10px;
	}

	#apr-sec {
		margin: 10px;
	}

	/* end facilities*/


	.whychoose-pp {
		font-size: 13px !important;
	}

	#tab-row {
		margin: 0px 20px!important;
	}

	/*start-Programme*/

	#program-box {
		background-color: #fff;
		margin: 10px;
		padding: 10px;
	}

	.tabButton {
		background-color: #002261;
		border: 1px solid #ccc;
		padding: 10px 20px;
		border-radius: 6px;
		margin-top: 10px;
		color: #fff;
		width: 30% !important;
		padding: 10px!important;
		margin-left: 0px!important; font-size:16px!important; margin: 10px;

	}


	.tabButtonActive {
		background-color: #FCAD27;
		border: 2px solid #FCAD27;
		color: #fff !important;
		width: 30% !important; padding: 10px;
		font-weight: bold; font-size:16px!important; margin: 10px;

	}

	#tabs-content {
		background-color: #f7f7f7;
		padding: 20px; margin-top:20px;
	}

	#tabs-content p {
		font-size: 13px;
	}

	table {
		border-collapse: collapse;
		width: 100%;
	}

	th,
	td {
		text-align: left;
		padding: 5px 10px;
	}


	.card {
		margin: 20px 15px !important;
		background-color: #fff !important;
		border-style: none !important;
		box-shadow: 0 0 4px 4px #e6e6e6 !important;
		padding-bottom: 0px;
	}


	.crd-heading {
		font-size: 20px;
		color: #fff;
		background-color: #0a2680;
		padding: 10px;
		width: 100px;
		text-align: center;
	}

	.sub-h {
		text-align: center;
		font-weight: 600 !important;
		margin-bottom: -5px;
		margin-top: -5px;
	}

	#ug {
		margin: 20px;
	}

	#pg {
		margin: 20px;
	}

	.btn1 {
		padding: 10px 25px;
		border-style: none;
		margin-bottom: -20px;
		margin-top: 10px;
		background-color: #FCAD27;
		color: #fff;
	}


.abt-img {
   margin: 0;
}
	#abt-box {
		background-color: #fff;
		/*margin-top: -30px;*/
		font-size: 14px;
	}

	#abt-box h2{ margin: 0; padding-top: 20px;}
	#abt-icon-box {
		width: 50%;
		border-right: 1px solid #ccc;
		margin-top: 20px;
	}

	#abt-icon-box2 {
		width: 50%;
		margin-top: 20px;
	}

	#abt-icon-box1 {
		padding-left: 10px;
		width: 50%;
		margin-top: 20px;
	}

	#abt-row {
		margin: 10px 20px;
	}

	#btn-abt {
		background-color: #FF6600;
		border-style: none;
		color: #fff;
		padding: 10px 20px;
		width: 80%;
		border-radius: 7px;
		margin-top: 10px;
	}

	.abt-p {
		font-size: 13px;
	}

	.abt-subh {
		font-size: 13px;
		text-align: center;
	}

	#abt-bottom {
		background-color: #FCAD27;
		margin-top: -40px;
		color: #fff;
		padding: 10px;
	}

	.abt-hh {
		font-size: 20px;
	}

	.abt-btm-img {
		width: 25%;
	}

	#abt-btm-box {
		width: 50%;
	}

	#box-apr p {
		font-size: 13px !important;
	}


	/*whychoosestart*/
	#whychoose {
		background-color: #fcfcfc;
	}

	#box-why {
		box-shadow: 0 0 5px 2px rgba(204, 204, 204, 0.9);
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	.whychoose-img {
		width: 40%;
		float: left;
		padding: 10px;
	}

	.enumber {
		font-weight: bold;
		font-size: 40px;
		color: #002261;
	}

	.why-hh {
		font-weight: bold;
		color: #FCAD27;
		font-size: 14px;
	}

	/*start approvals*/

	.mob-apr-img{display: block;}

	#approvals {
		background-color: #f7f7f7;
		padding: 20px;
	}

	#box-apr {
		padding: 10px 20px 20px 20px;
		color: #000;
		font-size: 14px;
		text-align: justify;
		background-color: #fff;
		margin: 30px 10px;
	}

	.img-apr {
		width: 50%;
		margin-top: -60px;
	}

	.apr-head {
		color: #002261;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}

	.desk-apr-img {
		display: none;
	}

	/*about-jain
*/


	.abtjain-p {
		text-align: justify;
		font-size: 13px;
	}

	#container-box {
		box-shadow: 0 0 2px 5px #f9f9f9;
		padding: 20px;
		width: 90%;
	}

	/*accordition*/
	button.accordion {
		width: 100%;
		background-color: whitesmoke;
		border: none;
		outline: none;
		text-align: left;
		padding: 15px 20px;
		font-size: 14px;
		color: #333;
		cursor: pointer;
		transition: background-color 0.2s linear;
		margin-bottom: 20px;
	}

	.acr-h {
		font-size: 15px;
	}

	button.accordion:after {
		font-family: FontAwesome;
		content: "\f0d7";
		font-family: "fontawesome";
		font-size: 14px;
		float: right;
		color: #FF6600;
		/* margin-top: -30px; */
	}

	button.accordion.is-open:after {
		content: "\f0d8";
		color: #FF6600;
	}

	button.accordion:hover,
	button.accordion.is-open {
		background-color: #ddd;
	}

	.accordion-content {
		background-color: white;
		border-left: 1px solid whitesmoke;
		border-right: 1px solid whitesmoke;
		padding: 0 20px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-in-out;
	}


	/*end accordition*/


	/*start-footer-frm*/
	#footer {
		background-color: #002261;
		padding: 50px 20px 20px 20px;
		color: #ccc;
		font-size: 13px;
		width: 100%;
	}


	#cnt-frm {
		box-shadow: 0 0 2px 5px #f9f9f9;
		padding: 0px;
		background-image: url("assets/img/for popup.png");
	}

	.ftr-h {
		color: #FFCC00;
		font-size: 18px;
	}

	.footer-btn {
		padding: 8px 40px;
		border: 2px solid #FF6600;
		background: none;
		color: #fff;
		margin-top: 40px;
	}

	.footer-btn:hover {
		background-color: #FF6600;
		color: #fff;
	}

	.footer-hr {
		background-color: #ccc;
		margin: 20px;
	}

	.copyright {
		text-align: center;
	}

	#frm-bottom {
		margin-left: 0px;
	}

	table {
		width: 100%;
		overflow: scroll;
		font-size: 12px;
	}

	.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 0.5s ease-in-out;
  }
  .modal-content {
    margin: 50% auto !important;
    /* padding: 20px; */
    width: 90% !important;
    background-color: transparent;
    border-style: none;
  }
  /* Close button style */
  .close1 {
    color: #ccc;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    margin-left: 88%;
    margin-top: 5px;
  }
  .close1:hover,
  .close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}